// Colors
$primary-color: #0066FF;
$primary-hover: #0052CC;
$primary-light: #EBF3FF;
$app-success: #4CD964;
$app-warning: #FFCC00;
$app-danger: #FF3B30;
$app-info: #5856D6;

// 使用sass内置模块
@use "sass:color";
@use "sass:math";

// 背景和文字颜色
$background-primary: #fff;
$background-secondary: #f5f5f5;
$card-background: #FFFFFF;
$text-primary: #1a1a1a;
$text-secondary: #666;

// 边框和圆角
$app-border-color: #e5e5e5;
$app-border-radius: 20px;

// 阴影
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05);
$shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.08);

// 渐变色
$gradient-primary: linear-gradient(135deg, #0066FF 0%, #2979FF 100%);
$gradient-dark: linear-gradient(135deg, #0052D9, #2B7DF7);

// 暗黑模式颜色
$dark-background: #000;
$dark-background-secondary: #1a1a1a;
$dark-card-background: #111111;
$dark-text-primary: #fff;
$dark-text-secondary: rgba(255, 255, 255, 0.7);
$dark-border-color: rgba(255, 255, 255, 0.1);

// Layout
$header-height: 64px;
$sidebar-width: 240px;
$sidebar-collapsed-width: 64px;

// Breakpoints
$screen-sm: 640px;
$screen-md: 768px;
$screen-lg: 1024px;
$screen-xl: 1280px;

// 文字颜色
$text-regular: #424245;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 48px;

// 圆角
$radius-sm: 4px;
$radius-md: 8px;
$radius-lg: 12px;

// Transitions
$transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
$transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
$transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

// Dark mode colors
$dark-error-color: #ff453a;

// Typography
$font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Icons',
  'Helvetica Neue', Helvetica, Arial, sans-serif;

// 动画时间
$transition-duration: 0.6s;
$transition-timing: cubic-bezier(0.16, 1, 0.3, 1);

// 主题切换动画时间
$theme-transition-duration: 0.4s; 